@layout("/common/_container.html",{js:[]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">管理</span>
</div>
<style>
    * {
        font-family: "Courier New", Courier, monospace !important;
    }

    .layui-form.toolbar .layui-form-item {
        margin-bottom: 0;
        padding-right: 14px;
    }

    .layui-table td, .layui-table th {
        position: relative;
        padding: 5px 8px;
        min-height: 20px;
        line-height: 20px;
        font-size: 14px;
        min-width: 160px;
    }

    .layui-area2 {
        min-height: 500px;
    }
</style>
<input type="hidden" id="showScope" name="showScope" value="${showScope!}">
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <div class="layui-inline layui-col-md12">
								<textarea id="query_script" class="layui-area layui-area2" class="layui-textarea"
                                          rows="8" style="min-height: 100px !important;width: 100%">
									你好，请制作首页
								</textarea>
                            </div>
                            <div class="layui-inline layui-col-md12">
                                <label class="layui-form-label layui-form-required">来源库</label>
                                <div class="layui-input-block">
                                    <tag:class_select id="dbCode" name="dbCode"
                                                      className="com.x2.modular.demo.data.tag.SourceTag"></tag:class_select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div id="ID-tree-demo-showCheckbox"></div>
                        </div>
                    </div>
                    <div id="warnMessage" style="padding: 5px 5px 5px 10px;"></div>
                    <div style="overflow:auto;height: 650px;">
                        <table class="layui-table" id="GroovyTestTable" lay-filter="GroovyTestTable"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['form', 'table', 'admin', 'ax', 'func', 'laydate'], function () {
        var tree = layui.tree;
        // 模拟数据
        var data = [{
            title: '早餐',
            id: 1,
            children: [{title: '拌粉', id: 5}, {title: '蒸饺', id: 6}, {title: '豆浆', id: 7}]
        }, {
            title: '午餐',
            id: 2,
            checked: true,
            children: [{title: '藜蒿炒腊肉', id: 8}, {title: '西湖醋鱼', id: 9}, {
                title: '小白菜',
                id: 10
            }, {title: '海带排骨汤', id: 11}]
        }, {
            title: '晚餐',
            id: 3,
            children: [{title: '红烧肉', id: 12, fixed: true}, {title: '番茄炒蛋', id: 13}]
        }, {
            title: '夜宵',
            id: 4,
            children: [{title: '小龙虾', id: 14, checked: true}, {
                title: '香辣蟹',
                id: 15,
                disabled: true
            }, {title: '烤鱿鱼', id: 16}]
        }];
        // 渲染
        tree.render({
            elem: '#ID-tree-demo-showCheckbox',
            data: data,
            showCheckbox: true,
            edit: ['add', 'update', 'del'] // 开启节点的右侧操作图标
        });
        layui.form.render();
    });
</script>
@}